<template>
<p>{{ msg }}</p>
<!-- 在vue中,提供了指令来进行事件的绑定,语法:v-on:事件句柄="函数名" -->
<!-- <button v-on:click="increment">您点击了:{{ count }}次</button> -->
 <!-- 
    简写方式
    v-on:事件句柄可以简写成@事件句柄
 -->
<button @click="increment">您点击了:{{ count }}次</button>
</template>
<script>
export default{
    // 数据仓库区域
    data(){
        return {
            msg: "Hello Options",
            count: 0
        }
    },
    // 函数区域
    methods:{
        increment(){
            this.count++;
        }
    }
}
</script>